<template>
    <div style="padding: 0 2rem;">
        <ul class="flex cemeteryLevelUndetermined_title colorF font_s20 textC">
            <li class="flex2">序号</li>
            <li class="flex4">机构名称</li>
            <li class="flex4">机构地址</li>
            <li class="flex2">机构等级</li>
        </ul>
        <ul class="flex cemeteryLevelUndetermined_content colorF font_s18 textC" v-for="item in dispositionList" v-bind:key="item.id">
            <li class="flex2">{{item.xh}}</li>
            <li class="flex4">{{item.gmmc}}</li>
            <li class="flex4">{{item.jgaddress}}</li>
            <li class="flex2">{{item.jgdj}}</li>
        </ul>
    </div>
</template>
<script>
export default {
  name: 'CemeteryLevelUndetermined',
  data () {
    return {
      dispositionList: [
        { 'xh': 1, 'gmmc': '上海浦东川沙永安公墓', 'jgaddress': '川沙新镇对面村6队41号', 'jgdj': '一级' },
        { 'xh': 1, 'gmmc': '上海浦东川沙永安公墓', 'jgaddress': '川沙新镇对面村6队41号', 'jgdj': '一级' },
        { 'xh': 1, 'gmmc': '上海浦东川沙永安公墓', 'jgaddress': '川沙新镇对面村6队41号', 'jgdj': '一级' },
        { 'xh': 1, 'gmmc': '上海浦东川沙永安公墓', 'jgaddress': '川沙新镇对面村6队41号', 'jgdj': '一级' },
        { 'xh': 1, 'gmmc': '上海浦东川沙永安公墓', 'jgaddress': '川沙新镇对面村6队41号', 'jgdj': '一级' },
        { 'xh': 1, 'gmmc': '上海浦东川沙永安公墓', 'jgaddress': '川沙新镇对面村6队41号', 'jgdj': '一级' },
        { 'xh': 1, 'gmmc': '上海浦东川沙永安公墓', 'jgaddress': '川沙新镇对面村6队41号', 'jgdj': '一级' },
        { 'xh': 1, 'gmmc': '上海浦东川沙永安公墓', 'jgaddress': '川沙新镇对面村6队41号', 'jgdj': '一级' },
        { 'xh': 1, 'gmmc': '上海浦东川沙永安公墓', 'jgaddress': '川沙新镇对面村6队41号', 'jgdj': '一级' }
      ]
    }
  }
}
</script>
<style scoped>
.cemeteryLevelUndetermined_title {
    line-height: 2.5rem;
    border-radius: 10px 10px 0 0;
    background:#4ca5ab;
}
.cemeteryLevelUndetermined_content {
    line-height: 3.625rem;
    border-radius: 5px;
    background: #27515f;
    margin: 0.825rem 0;
}
</style>
